<template>
  <div>
    <h1>app</h1>
    <!-- <TsCard></TsCard>
    <TsButton></TsButton> -->
    <!-- <TsCart order-count="100" count="1000"></TsCart> -->
    <TsCart :order-count="100" title="jack" :allow="true" :format="() => { }" :cb="fn()" :info="{}" :hobbys="[]"
      phone="18298765444">
    </TsCart>
    <!-- <TsCart :order-count="attrs.orderCount" title="attrs.title"></TsCart> -->
    <TsCart v-bind="attrs"></TsCart>
  </div>
</template>
<script>

export default {
  data() {
    return {
      attrs: {
        orderCount: 100,
        title: 'lili',
        allow: true,
        format: () => { },
        cb: new Promise(() => []),
        hobbys: [],
        info: {},
        phone: '18138387655'
      }
    }
  },
  methods: {
    fn() {
      return new Promise(() => { })
    }
  }
}
</script>
<style>
div {
  border: solid;
  padding: 10px;
}
</style>